/* 
    Document   : main_style
    Created on : Oct 8, 2011, 11:15:05 AM
    Author     : Diego_M
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: #3a4f54;
    background: transparent url(../img/fondo.png) repeat-x; 
    font-size: small;
    margin: 0px 70px auto;
    padding: 0px;
}

/*==============TEMPLATE==============================*/
.cabecera{
    background-color: transparent;
    height: 100px;
}
.cuerpo{
    background-color: transparent;
    height: 470px;
    overflow: visible;
}
.pie{
    background-color: yellow;
    height: 30px;
}
/*==============FIN TEMPLATE==========================*/
.contenido{width: 100%; margin: 4px; padding: 4px;}
/*===============TABLA DE DATOS======================*/
.contenido table {
    width: 650px;
    border-collapse:collapse;
    border:1px solid #FFCA5E;
}
.contenido caption {
    font: 1.8em/1.8em Arial, Helvetica, sans-serif;
    text-align: left;
    text-indent: 10px;
    background: url(../img/bg_caption.jpg) right top;
    height: 45px;
    color: #FFAA00;
}
.contenido table thead th {
    background: url(../img/bg_th.jpg) no-repeat right;
    height: 47px;
    color: #FFFFFF;
    /*    font-size: 0.8em;*/
    font-weight: bold;
    padding: 0px 7px;
    margin: 20px 0px 0px;
    text-align: left;
    border-right: 1px solid #FCF1D4;
}
.contenido table tbody tr {
    background: url(../img/bg_td1.jpg) repeat-x top;
}
.contenido table tbody tr.odd {
    background: #FFF8E8 url(../img/bg_td2.jpg) repeat-x;
}

.contenido table tbody th,td {
    /*    font-size: 0.8em;
        line-height: 1.4em;
        font-family: Arial, Helvetica, sans-serif;*/
    color: #777777;
    padding: 10px 7px;
    border-top: 1px solid #FFCA5E;
    border-right: 1px solid #DDDDDD;
    text-align: left;
}
.contenido table a {
    color: #777777;
    font-weight: bold;
    text-decoration: underline;
}
.contenido table a:hover {
    color: #F8A704;
    text-decoration: underline;
}
.contenido table tfoot th {
    background: url(../img/bg_total.jpg) repeat-x bottom;
    color: #FFFFFF;
    height: 30px;
}
.contenido table tfoot td {
    background: url(../img/bg_total.jpg) repeat-x bottom;
    color: #FFFFFF;
    height: 30px;
}

/*===============FIN TABLA DATOS===========================*/
